<template>
    <div>
 <nav class="nav">
    <!-- 跳转首页等页面 -->
      <router-link to="/">首页</router-link>
      <router-link to="/about">收藏</router-link>
      <router-link to="/user">我的</router-link>
    </nav>



    <!-- 二级路由出口 -->
    <router-view></router-view>
    </div>
</template>

<style scoped lang="less">
.nav{
  position: fixed;
  bottom: 0;
  height: 40px;
   width: 100%;
  background-color: rgb(255, 255, 255);
  display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 10000;
  a{
    height: 40px;
    width: 100%;
    text-align:center;
    line-height: 45px;

  }
}
</style>